<html>
    <head>
        <meta charset="UTF-8">
        <style>
            body{
                width:380px;
                height:200px;
            }
            .container{
                width:380px;
                margin:auto;
            }
            ul{
                position: relative;
                right: 25px;

            }
            li{
                position: relative;
            }
            li>div{
                height: 27px;
                line-height: 27px;
                position: relative;

            }
            li input{
                border:none;
                width: 67%;
            }
            li button{
                position: absolute;
                right: -7px;
                top: 0;
                bottom: 0;
                margin: auto;
                font-size: 11px;
                height: 20px;

            }
            .submit{
                display: none;
            }
            .submit button{
                font-size: 9px; 
            }
            .submit .submit_btn{
                right: -24px;
            }
            .submit .cancel_btn{
                right: 12px;
            }
            .li_add input{
                border: 1px solid black;
                position: absolute;
                left: 54px;
            }
            .li_add .item_add{
                margin-bottom: 10px;
                position: relative;
            }
            .li_add button{
                top:-7px;
            }
            .add{
                text-align: center;
            }
            .add_btn,.add_cancel{
                width:80px;
                margin:0 auto;
            }
            .add_cancel{
                display: none;
            }
            .delete{
                position: absolute;
                top: 8px;
                left: -16px;
                width: 10px;
                height: 10px;
                text-align: center;
                border-radius: 50%;
                background-color: black;
                color: white;
                font-size: 10px;
                line-height: 8px;
                cursor: pointer;
        }
        </style>
    </head>
    <body>
        <div class="container">
            <ul class="list">
            </ul>
            <div class="add">
                <button class="add_btn">+</button>
                <button class="add_cancel">x</button>
            </div>
           
        </div>

        <script src="js/popup.js"></script>
    </body>
    
</html>